.theme-renren {
  .avue-logo{
    background-color: #409EFF;
    .avue-logo_title{
      font-weight: 500;
      font-size: 20px;
      color:#fff;
    }
  }
  .avue-tags{
    .el-tabs__item{
      font-size: 12px !important;
      font-weight: 500 !important;
    }
  }
  .avue-sidebar{
    background-color: #263238;
      .el-menu-item,.el-submenu__title{
        i,span{
          color: #8a979e;
        }
        &:hover{
            background-color: #2b373d;
        }
        &.is-active {
            &:before {
              display: none;
            }
            background-color: #2b373d;
            i,span{
                color:#fff;
            }
        }
    }
  }

  .el-menu--popup{
    .menu-wrapper{
      .el-submenu{
        span{
          color:#8a979e;
        }
      }
      background-color: #263238;
      i,span{
        color:#8a979e;
      }
      &:hover{
        i,span{
          color:#fff;
        }
      }
      &.is-active {
        background-color: #263238;
        &:before {
          content: '';
          top: 0;
          left: 0;
          bottom: 0;
          width: 4px;
          background: #263238;
          position: absolute;
        }
        i,span{
          color:#fff;
        }
      }
    }
    .el-menu-item{
      background-color: #263238;
      i,span{
        color:#8a979e;
      }
      &:hover{
        i,span{
          color:#fff;
        }
      }
      &.is-active {
        background-color: #263238;
        &:before {
          content: '';
          top: 0;
          left: 0;
          bottom: 0;
          width: 4px;
          background: #263238;
          position: absolute;
        }
        i,span{
          color:#fff;
        }
      }
    }
  }
}
